<template>
  <div style="height:850px;">
    <div class="bg">
      <div class="title">绣娘文化</br>信息商品<span style="font-size: 30px;font-weight: 400;">(XN)</span></div>
      <img src="../../assets/image/SCRM.gif" alt="" srcset="" style="width: 80%;height: 100%;">
    </div>
    <!-- <div class="title">欢迎使用捷安特社会化客户关系管理 (SCRM)</div> -->
  </div>
</template>
<script>
export default {
  data() {
    return {

    }
  },
  mounted() {

  },
  computed: {

  },
  methods: {

  },
}
</script>
<style lang='less' scoped>
/deep/ .pagecontainer_con .pagecontainer_main .pagecontainer_table_wrap .pagecontainer_table {
  height: 95%;
}


.bg {
  width: 100%;
  height: 100%;
  background-image: url("../../assets/image/SCRM_bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;

  .title {
    position: absolute;
    top: 25%;
    left: 15%;
    transform: translate(-50%, -50%);
    font-size: 35px;
    font-weight: bold;
    color: #000;
  }

  img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
</style>
